@charset "utf-8";
/*-- 全局reset
-------------------------------------------*/
html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{ overflow-x: hidden; font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
a:hover{ text-decoration: none; }
@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }
@font-face{ font-family: DINLIGHT; src: url('./fonts/DIN-Light.otf'); }
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_7aq9tkkwxcf.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_7aq9tkkwxcf.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_7aq9tkkwxcf.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_7aq9tkkwxcf.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_7aq9tkkwxcf.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_7aq9tkkwxcf.svg#思源黑体-正粗') format('svg'); /* iOS 4.1- */
}
.no-goods{ display: block; width: 100%; }
.news-detail-content{ width: 100%; }
.news-detail-content .news-detail-title{padding-bottom: 15px; border-bottom: 1px dashed #ededed; text-align: center; margin-bottom: 15px;}
.news-detail-content .news-detail-title .h3{font-size: 24px; color: #323232; line-height: 24px; font-weight: bold; margin: 25px 0 10px;}
.news-detail-content .news-detail-title .b{font-size: 13px; color: #999999; line-height: 20px;}
.news-detail-content .news-detail{padding: 0 12px 30px;}
.news-detail-content .news-detail p{font-size: 16px; color: #595959; line-height: 32px;}
.news-detail-content .news-detail img{max-width: 100%; margin: 0 auto;}
.news-detail-content .newsPage{padding: 0 12px; font-size: 14px; color: #323232; line-height: 30px; margin: 15px 0 30px;}
.news-detail-content .newsPage a{color: #323232;}
.news-detail-content .newsPage a:hover{color: #237ed2;}
.de-honor-list{ width: 100%; overflow: hidden; margin: 0 auto; }
.de-honor-list ul{ overflow: hidden; }
.de-honor-list ul li{ overflow: hidden; margin-bottom: 20px; }
.de-honor-list ul li a{display: block; width: 100%; background: #f6f6f6; }
.de-honor-list ul li .img{width: 100%; height: 240px; text-align: center; overflow: hidden;}
.de-honor-list ul li .img img{ width: 100%; height: 100%; transition: all 0.5s; object-fit: cover; }
.de-honor-list ul li .title{text-align: center; height: 48px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 48px; font-size: 14px; color: #595959;}
.de-honor-list ul li a:hover{box-shadow: 0 0 4px 2px rgba(104, 104, 104, 0.1);}
.de-honor-list ul li a:hover .img img{transform: scale(1.1);}
/*清除内外边距*/
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
/*设置默认字体*/
:focus{outline: 0;}
ul,
ol{list-style: none;}
/*重置图片元素*/
address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}
abbr, acronym{border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt{font-size: 100%;}
/*修改滚动条*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
textarea{resize: none;}
.inner{ width: 1200px; margin:0 auto; }
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #0095d8; background: #0095d8;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
/*h_top*/
.h_top{ box-sizing: border-box; padding:45px 35px; position: absolute; top:0; left: 0; width: 100%; display: flex; align-items: center; z-index: 33; }
.h_top .logo{  width: 26%; }
.h_top .logo img{ max-width: 100%; }
.h_top .nav{ width: 58%; }
.h_top .nav a{ display: inline-block; width: 12.5%; text-align: center; font-size: 16px; color: #ffffff; position: relative; padding:16px 0; }
.h_top .nav a::after{ content: ""; display: inline-block; width: 0; height: 2px; background: #de9335; border:0; position: absolute; left:50%; bottom:0;  transition: all .3s; }
.h_top .nav a:hover{ color: #de9335; transition: all .3s; }
.h_top .nav a:hover::after{ transition: all .3s; left: 0; width: 100%; }
.h_top .tel{ width: 16%; border:2px solid #ffffff; box-sizing: border-box; padding:0 17px; border-radius: 30px; }
.h_top .tel span{ display: inline-block; line-height: 51px; text-align: center; margin-right: 14px; width: 51px; height: 51px; border-radius: 50%; background: #ffffff; color: #88b5e5; font-size: 28px; float: left; }
.h_top .tel small{ font-size: 24px; color: #fff; line-height: 51px; }
.no_index{ background: #154389; }
.no_index .h_top{ position: static; padding:20px 35px; }
.menu_btn{ display: none; }
.collapse:not(.show){ display: flex; }

/*banner*/
#mob_banner{ width: 100%; position: relative; }
#mob_banner img{ max-width: 100%; }
#mob_banner::after{ content: ""; width: 410px; height: 150px; background: #fff; border-radius: 0 40px 0 0; border:0; position: absolute; left:0; bottom: 0; z-index: 33; }
#mob_banner .swiper-button-next, #mob_banner .swiper-button-prev{ background-image: none; top:auto; bottom: 32px; z-index: 34; height: 18px; }
#mob_banner .swiper-button-next{ right: auto; left: 346px; bottom: 32px; }
#mob_banner .swiper-button-prev{ left: 184px; bottom: 32px; }
#mob_banner .swiper-button-next span, #mob_banner .swiper-button-prev span{ font-size: 18px; color: #2c2c2c; line-height: 1; }
#mob_banner .swiper-pagination{ width: 126px; height: 2px; position: absolute; bottom: 40px; top:auto; left: 210px; z-index: 34; }
#mob_banner .swiper-pagination-progressbar{ background: #e9e9e9; }
#mob_banner .swiper-pagination-progressbar-fill{ background: #154389; }
#mob_banner .swiper-num {position: absolute;  width: 86px; left:270px; bottom: 78px;z-index: 34;}
#mob_banner .swiper-num .active {display: inline-block; font-size: 30px; margin-right: 10px;}
#mob_banner .swiper-num span { font-size: 20px; color: #154389; }
#mob_banner .swiper-num .total {display: inline-block;}

/*search*/
.search{ background: #154389; overflow: hidden; }
.search_keys{ padding-left: 68px; height: 80px;  display: flex; align-items: center; }
.search_keys b{ font-size: 14px; color: #ffffff; margin-right: 8px; }
.search_keys a{ display: inline-block; font-size: 14px; color: #ffffff; padding:0 10px; transition: all .3s; }
.search_keys a:hover{ color: #bf3129; letter-spacing: .5px; transition: all .3s; }
.search_from{ width: 100%; height: 80px; box-sizing: border-box;  }
.search_from form{ width: 214px; height: 100%; display: flex; align-items: center; position: relative; float: right; }
.search_from .search_text{ width: 100%; height: 32px; line-height: 32px; font-size: 16px; color: rgba(255,255,255,.4); box-sizing: border-box;background: none; padding-left: 12px; border: 1px solid #ffffff; }
.search_from .search_btn{ position: absolute; top:50%; right: 12px; margin-top:-10px; background: none; }
.search_from .search_btn span{ font-size: 20px; color: #ffffff; line-height: 1; }

/*m_pro*/
.m_pro{ overflow: hidden; padding:70px 0; position: relative; }
.product_focus{ width: 100%; overflow: hidden; }
.product_focus > .hd{ width: 100%; overflow: hidden; text-align: center; margin-top: 66px; position: relative; z-index: 33; }
.product_focus > .hd li{ cursor: pointer; transition: all .3s; display: inline-block; padding:0 45px 26px; font-size: 14px; color: #154389; position: relative; }
.product_focus > .hd li::after{ content: ""; display: inline-block; width: 10px; height: 10px; background: #154389; border:0; position: absolute; bottom:0; left: 50%; margin-left: -5px; }
.product_focus > .hd li:hover, .product_focus .hd li.on{ color: #bf3129; transition: all .3s; }
.product_focus > .hd li:hover::after, .product_focus .hd li.on::after{ background: #bf3129; transition: all .3s; }
.product_focus > .bd, .product_focus .bd ul{ width: 100%; overflow: hidden; }
.type_goods{ width: 100%; overflow: hidden; z-index: 0; }
.type_goods .swiper-slide{ width: 100%; height: 456px; overflow: hidden; }
.type_goods .img{ width: 38%; height: 100%; float: left; }
.type_goods .img span{ display: block; box-sizing: border-box; position: relative; padding:27px 0 0 42px; }
.type_goods .img span small{ line-height: 1; position: relative; z-index: 3; font-size: 36px; color: #154389; font-style: italic; text-transform: uppercase; font-family: webfont; font-weight: bold; }
.type_goods .img span::before{ z-index: 2; content: ""; display: inline-block; width: 78px; height: 78px; background: #d0d9e7; border-radius: 50%; position: absolute; left: 0; top:0; }
.type_goods .img b{ clear: both; display: inline-block; font-size: 24px; color: #000000; font-family: webfont; font-weight: normal; position: relative; z-index: 3; line-height: 1; margin:4px 0 0 42px; }
.type_goods .img b::after{ content: ""; display: inline-block; width: 70px; height: 1px; background: #154389; border:0; position: absolute; right:-78px; top:50%; }
.type_goods .img img{ margin-top: 12px; max-width: 100%; }
.type_goods .info{ width: 62%; height: 100%; box-sizing: border-box; padding:50px; float: left; background: #154389; }
.type_goods .info .hd{ overflow: hidden; position: relative; margin-bottom: 42px; }
.type_goods .info .hd span{ display: block; font-size: 16px; color: #ffffff; font-family: webfont; line-height: 1; margin:22px 0 12px; }
.type_goods .info .hd b{ display: block; font-size: 36px; color: #ffffff; font-family: webfont; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.type_goods .info .hd a{ display: inline-block; padding:3px; border:1px solid #fff; border-radius: 2px; position: absolute; right:66px; top:22px; }
.type_goods .info .hd a span{ font-size: 12px; color: #fff; margin:0; }
.type_goods .info .bd{ height: 180px; overflow:auto; } 
.type_goods .info .bd::-webkit-scrollbar{width:4px; height:4px ;}
.type_goods .info .bd::-webkit-scrollbar-track{box-shadow: inset 0 0 4px transparent; background: #fff; }
.type_goods .info .bd::-webkit-scrollbar-thumb{border-radius: 4px; background: #de9335;}
.type_goods .info .bd p{ font-size: 16px; color: #ffffff; line-height: 30px; padding-right: 5px; }
.type_goods .swiper-button-next, .type_goods .swiper-button-prev{ background-image: none; width: 40px; height: 40px; line-height: 40px; background: #406eb4; text-align: center; transition: all .3s; }
.type_goods .swiper-button-next{ right: 36px; bottom: 28px; top:auto; }
.type_goods .swiper-button-prev{ left: auto; right: 88px; bottom: 28px; top:auto; }
.type_goods .swiper-button-next:hover, .type_goods .swiper-button-prev:hover{ background: #bf3129; transition: all .3s; }
.type_goods .swiper-button-next span, .type_goods .swiper-button-prev span{ font-size: 18px; color: #fff; line-height: 1; }
.m_pro::after{ content: ""; display: block; height: 0; border-bottom: 1px dashed #797979; position: absolute; bottom:74px; width: 100%; }
/*hot_pro*/
.hot_pro{ overflow: hidden; }
.hot_pro .hd{ background: -webkit-linear-gradient(left, #fff 50%, #154389 50%); background: -o-linear-gradient(right, #fff 74%, #154389 50%); background: -moz-linear-gradient(right, #fff 50%, #154389 50%); background: linear-gradient(to right, #fff 50%, #154389 50%);  }
.hot_pro .hd .tab{ box-sizing: border-box; width: 80%; padding:20px 0; background: #154389; border-radius: 5px; }
.hot_pro .tab li{ margin:0 35px; display: inline-block; line-height: 40px; padding:0 40px; position: relative; font-size: 18px; color: #ffffff; transition: all .3s; }
.hot_pro .tab li + li::before{ content: ""; display: inline-block; height: 25px; width: 3px; background: #fff; border:0; position: absolute; left: -35px; top:50%; margin-top:-12px; }
.hot_pro .tab li:hover, .hot_pro .tab li.on{ background: #fff; border-radius: 30px; transition: all .3s; color: #154389; }
.hot_pro .tab a{ float: right; font-size: 16px; color: #ffffff; transition: all .4s; margin-top: 8px; }
.hot_pro .tab a span{ font-size: 16px; color: #fff; margin-left: 12px; transition: all .4s; position: relative; left: 0;}
.hot_pro .tab a:hover{ color: #bf3129; transition: all .4s; }
.hot_pro .tab a:hover span{ position: relative; left: -6px; color: #bf3129; transition: all .4s; }
.hot_pro .bd{ position: relative; }
.hot_list{ width: 100%; overflow: hidden; padding:50px 0 0; }
.hot_list a{ display: block; overflow: hidden; }
.hot_list a .img{ width: 100%; height: 240px; box-sizing: border-box; padding:10px; border:1px solid #dcdcdc; border-radius: 20px; overflow: hidden; }
.hot_list a .img img{ width: 100%; height: 100%; object-fit: contain; transition: all .3s; }
.hot_list a b{ display: block; line-height: 60px; overflow: hidden; transition: all .3s; }
.hot_list a b i{ transition: all .3s; display: block; width: 55%; float: left; font-size: 16px; color: #343434; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hot_list a b small{ transition: all .3s; display: block; width: 45%; float: left; text-align: right; font-size: 14px; color: #343434; text-transform: uppercase; position: relative; }
.hot_list a b small::before{ content: ""; display: inline-block; width: 50px; height: 1px; background: #4a4a4a; border:0; position: absolute; right: 86px; top:50%; }
.hot_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.hot_list a:hover b i{ color: #154389; transition: all .3s; }
.hot_list a:hover small{ color: #154389; transition: all .3s; }
.hot_list a:hover small::before{ background: #154389; }
.hot_pro .bd .swiper-button-next, .hot_pro .bd .swiper-button-prev{ background-image: none; width: 90px; height: 38px; }
.hot_pro .bd .swiper-button-next{ right: 12%; }
.hot_pro .bd .swiper-button-prev{ left: 12%; }
.hot_pro .bd .swiper-button-next::before, .hot_pro .bd .swiper-button-prev::before{ content: ""; display: inline-block; width: 38px; height: 38px; background: #d0d9e7; border-radius: 50%; border:0; position: absolute; left: 0; }
.hot_pro .bd .swiper-button-next::before{ right: 0; left: auto; }
.hot_pro .bd .swiper-button-next span, .hot_pro .bd .swiper-button-prev span{ font-size: 80px; color: #788eb5; line-height: 1; position: absolute; top:-53%; z-index: 3; }
.hot_pro .bd .swiper-button-next span{ right: 10px; transition: all .3s; }
.hot_pro .bd .swiper-button-prev span{ left: 10px; transition: all .3s; }
.hot_pro .bd .swiper-button-next:hover::before, .hot_pro .bd .swiper-button-prev:hover::before{ background: #154389; }
.hot_pro .bd .swiper-button-next:hover span{ right: 5px; transition: all .3s; }
.hot_pro .bd .swiper-button-prev:hover span{ left: 5px; transition: all .3s; }
/*m_super*/
.m_super{ overflow: hidden; padding:64px 0; position: relative; }
.m_super::before{ content: ""; display: block; width: 100%; height:1px; border:0; background: #dbdbdb; position: absolute; top:52%; z-index: 3; }
.m_super::after{ content: ""; display: inline-block; width: 690px; height: 520px; background: #fbfbfb; border-radius: 200px 0 0 200px; position: absolute; right: 0; top:50%; margin-top: -260px;  z-index: 34;}
.m_super ul{ overflow: hidden; position: relative; z-index: 35;}
.m_super li{ width: 50%; box-sizing: border-box; padding-right: 50px; float: left; position: relative; padding:38px 0;  }
.m_super li span{ display: inline-block; width: 38px; height: 38px; text-align: center; line-height: 38px; background: #8aa1c4; border-radius: 50%; margin:8px 0; font-size: 24px; color: #36383c; }
.m_super li b{ display: block; line-height: 56px; font-size: 16px; color: #919090; text-transform: uppercase; position: relative; margin-bottom: 22px; font-weight: normal; }
.m_super li b i{ font-weight: bold; font-size: 24px; color: #343434; line-height: 1; letter-spacing: 5px; display: inline-block; margin-right: 20px; }
.m_super li b::after{ content: ""; display: inline-block; width: 144px; height: 1px; background: #909090; border:0; position: absolute; left: 0; bottom:0; }
.m_super li p{ min-height: 90px; width: 304px; font-size: 16px; color: #919090; line-height: 30px; }
.m_super li small{ font-size: 36px; color: #edeaea; line-height: 1; position: absolute; right: 25px; bottom: 38px; }
.m_super li:nth-child(2n+0){ border-left: 1px solid #dbdbdb; padding-left: 25px; }
.m_super .tit{ position: relative; z-index: 35; padding-top: 64px; }
/*m_adv*/
.m_adv{ overflow: hidden; background: url(../images/adv_bg.jpg) no-repeat left 96px; padding-bottom: 224px; }
.m_adv .tit span{ display: block; box-sizing: border-box; position: relative; padding:27px 0 0 42px; }
.m_adv .tit span small{ line-height: 1; position: relative; z-index: 3; font-size: 36px; color: #154389; text-transform: uppercase; font-family: webfont; }
.m_adv .tit span::before{ z-index: 2; content: ""; display: inline-block; width: 78px; height: 78px; background: #d0d9e7; border-radius: 50%; position: absolute; left: 0; top:0; }
.m_adv .tit b{ clear: both; display: inline-block; font-size: 24px; color: #000000; font-family: webfont; font-weight: normal; position: relative; z-index: 3; line-height: 1; margin:4px 0 0 42px; }
.m_adv .tit b::after{ content: ""; display: inline-block; width: 70px; height: 1px; background: #154389; border:0; position: absolute; right:-78px; top:50%; }
.m_adv .tit p{ font-size: 18px; color: #646464; letter-spacing: 15px; margin:40px 0 0 70px; }
.m_adv .img{ text-align: right; margin-top: -136px; }
.m_adv .hd, .m_adv .bd{ width: 100%; }
#adv{ width: 446px; margin:168px 0 0; padding-bottom: 25px; }
#adv .swiper-slide{ width: 100%; overflow: hidden; box-sizing: border-box; padding-left: 38px; }
#adv .swiper-slide b{ line-height: 1; font-size: 24px; color: #ffffff; display: block; position: relative; }
#adv .swiper-slide b::before{ content: ""; display: inline-block; width: 28px; height: 4px; background: #fff; border:0; position: absolute; left: -42px; top:10px; }
#adv .swiper-slide span{ position: relative; display: block; padding:18px 0; font-size: 14px; color: #ffffff;  line-height: 1; font-weight: 200; text-transform: uppercase; }
#adv .swiper-slide span::after{ content: ""; height: 1px; width: 70%; background: #889fc2; border:0; position: absolute; left: 0; bottom:0; }
#adv .swiper-slide div{ padding:20px 0; overflow: hidden; }
#adv .swiper-slide div p{ font-size: 12px; color: #ffffff; line-height: 24px; }
#adv .swiper-button-next, #adv .swiper-button-prev{ background-image: none; top:auto; bottom: 0; z-index: 34; width: 54px; text-align: center; height: 25px; }
#adv .swiper-button-next{ left: auto; right:94px; bottom: 0; position: absolute; padding:0 13px; overflow: hidden; }
#adv .swiper-button-prev{ right: auto; left:0; bottom: 0; position: absolute; padding:0 13px; overflow: hidden; }
#adv .swiper-button-next span, #adv .swiper-button-prev span{ position: relative; z-index: 3; font-size: 26px; color: #fff; line-height: 25px; }
#adv .swiper-button-next::before{ transition: all .3s; content: ""; display: inline-block; width: 25px; height: 25px; border:1px solid #839bc1; border-radius: 50%; position: absolute; left: 0; z-index: 2; }
#adv .swiper-button-prev::before{ transition: all .3s; content: ""; display: inline-block; width: 25px; height: 25px; border:1px solid #839bc1; border-radius: 50%; position: absolute; right: 0; z-index: 2; }
#adv .swiper-button-next:hover::before{ transition: all .3s; left: 27px;  }
#adv .swiper-button-prev:hover::before{ transition: all .3s; right: 27px; }
#adv .swiper-pagination{ width: 158px; height: 2px; position: absolute; bottom: 12px; top:auto; left: 90px; z-index: 34; }
#adv .swiper-pagination-progressbar{ background: #889fc2; }
#adv .swiper-pagination-progressbar-fill{ background: #fbfbfb; }
#adv .swiper-num {position: absolute;  width: 220px; left:64px; bottom: 0; z-index: 34;}
#adv .swiper-num .active2 {display: inline-block; float: left; }
#adv .swiper-num .total2 {display: inline-block; float: right; }
#adv .swiper-num span { font-size: 16px; color: rgba(255,255,255,.5); }
#adv .swiper-button-disabled{ display: none; }
/*m_case*/
.m_case{ overflow: hidden; margin-top: -102px; }
.m_case .tit, .m_case .hd{ width: 100%; }
.m_case .tit{ text-align: right; }
.m_case .tit span{ display: block; box-sizing: border-box; position: relative; padding:27px 42px 0 0 ; }
.m_case .tit span small{ line-height: 1; position: relative; z-index: 3; font-size: 36px; color: #154389; text-transform: uppercase; font-family: webfont; }
.m_case .tit span::before{ z-index: 2; content: ""; display: inline-block; width: 78px; height: 78px; background: #d0d9e7; border-radius: 50%; position: absolute; right: 0; top:0; }
.m_case .tit b{ clear: both; display: inline-block; font-size: 24px; color: #000000; font-family: webfont; font-weight: normal; position: relative; z-index: 3; line-height: 1; margin:4px 42px 0 0; }
.m_case .tit b::after{ content: ""; display: inline-block; width: 70px; height: 1px; background: #154389; border:0; position: absolute; right:118px; top:50%; }
.m_case .tit p{ font-size: 18px; color: #646464; letter-spacing: 15px; margin:34px 34px 0 0; }
.m_case .case_btn{ margin-top: -42px; }
.m_case .case_btn span{ font-size: 36px; color: #2c2c2c; line-height: 1; transition: all .3s; }
.m_case .case_btn a{ display: inline-block; }
.m_case .case_btn a + a{ margin-left: 16px; }
.m_case .case_btn a:hover span{ color: #204485; transition: all .3s; }
.m_case .hd{ margin-bottom: 48px; }
.m_case .bd{ overflow: hidden; width: 100%; }
.m_case .bd .list{ display: block; width: 170px; float: right; margin-right: 15px; box-sizing: border-box; padding:15px 0; text-align: center; }
.m_case .bd .list li{ cursor: pointer; font-size: 16px; color: #154389; line-height: 1; display: block; width: 100%; box-sizing: border-box; padding:15px 0; text-align: center; border-radius: 30px; transition: all .3s; }
.m_case .bd .list li i{ display: inline-block; width: 6px; height: 6px; border:1px solid #224d8f; border-radius: 50%; margin-right: 18px; }
.m_case .bd .list li:hover{ transition: all .3s; box-shadow: 0 0 15px rgba(138,161,196,.5); }
.m_case .bd .list > a{ position: relative; margin-top: 10px; padding-top: 68px; display: inline-block; width: 14px; font-size: 16px; color: #154389; line-height: 24px; }
.m_case .bd .list > a::before{ content: ""; display: inline-block; width: 1px; height: 52px; background: #154389; border:0; position: absolute; top:0; left: 50%; }
#mcase{ width: 972px; height: 574px; float: left; overflow: hidden; }
#mcase a{ display: block; width: 100%; height: 100%; }
#mcase a img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }
/*m_msg*/
.m_msg{ overflow: hidden; padding:62px 0 42px; }
.m_msg li{ display: block; width: 50%; float: left; margin-bottom: 20px; position: relative; }
.m_msg li span{ font-size: 36px; color: #204484; display: inline-block; width: 58px; height: 70px; line-height: 70px; text-align: center; float: left; }
.m_msg li input{ float: left; width: 84%; height: 70px; line-height: 70px; border:1px solid #154389; border-radius: 3px; font-size: 24px; color: rgba(21,67,137,.7); box-sizing: border-box; padding-left: 15px; }
.m_msg li:nth-child(2) img{ width: 30%; height: 68px; position: absolute; right:6px; top:1px; border-radius: 5px; }
.m_msg li .submit{ transition: all .3s; float: left; width: 84%; height: 70px; line-height: 70px; background: #de9335; border-radius: 5px; text-align: center; font-size: 24px; color: #fff; letter-spacing: 4px; }
.m_msg li .submit:hover{ transition: all .3s; background: #154389; color: #fff; }
.m_contact{ text-align: right; }
.m_contact p{ font-size: 24px; color: #154389; line-height: 1; }
.m_contact b{ font-size: 48px; color: #154389; line-height: 1; display: block; margin:16px 0; }
.m_contact a{ transition: all .3s; display: inline-block; padding:18px 72px; line-height: 1; background: #154389; border-radius: 30px; font-size: 24px; color: #ffffff; margin-right: 52px; }
.m_contact a:hover{ transition: all .3s; background: #de9335; }
/*m_about*/
.m_about{ overflow: hidden; padding:72px 0; position: relative; }
/*.m_about::before{ content: ""; display: block; width: 266px; height: 304px; background: url(../images/about_img.png) no-repeat center; position: absolute; left:75px; top:185px; z-index: 4; }*/
.m_about::after{ content: ""; display: inline-block; width: 93%; height: 100%; background: #fbfbfb; border-radius: 400px 0 0 400px; position: absolute; right: 0; top:0; z-index: 3;}
.m_about > img{ position: absolute; right: 0; top:0; z-index: 4; border-radius: 300px 0 0 0; }
.m_about .tit span{ display: block; box-sizing: border-box; position: relative; padding:27px 0 0 42px; }
.m_about .tit span small{ line-height: 1; position: relative; z-index: 3; font-size: 36px; color: #154389; text-transform: uppercase; font-family: webfont; }
.m_about .tit span::before{ z-index: 2; content: ""; display: inline-block; width: 78px; height: 78px; background: #d0d9e7; border-radius: 50%; position: absolute; left: 0; top:0; }
.m_about .tit b{ clear: both; display: inline-block; font-size: 24px; color: #000000; font-family: webfont; font-weight: normal; position: relative; z-index: 3; line-height: 1; margin:4px 0 0 42px; }
.m_about .tit b::after{ content: ""; display: inline-block; width: 70px; height: 1px; background: #154389; border:0; position: absolute; right:-78px; top:50%; }
.m_about .hd, .m_about .info{ position: relative; z-index: 5; }
.m_about .info{ padding-left: 42px; }
.m_about .info b{ display: block; font-weight: normal; margin:62px 0 28px; font-size: 24px; color: #1e1e1e; line-height: 1; }
.m_about .info p{ font-size: 16px; color: #1e1e1e; line-height: 36px; }
.m_about .info a{ margin-top: 100px; display: inline-block; padding:16px 34px; background: #fff; line-height: 1; font-size: 16px; color: #154389; transition: all .3s; position: relative; }
.m_about .info a span{ display: inline-block;  transition: all .3s; }
.m_about .info a i, .m_about .info a span{ position: relative; z-index: 3; }
.m_about .info a::after{ content: ""; background: #154389; display: inline-block; width: 0; height: 100%; transition: all .3s; position: absolute; left: 50%; top:0; }
.m_about .info a:hover i, .m_about .info a:hover span{ color: #fff; }
.m_about .info a:hover span{ transition: all .3s; color: #fff; transform: rotate(360deg); }
.m_about .info a:hover::after{ transition: all .3s; width: 100%; left: 0; }

/*m_news*/
.m_news{ overflow: hidden; padding:65px 0; position: relative; }
.m_news::after{ content: ""; display: inline-block; width: 38%; height: 100%; background: #b8c6db; border-radius: 300px 0 0 300px; position: absolute; right: 0; top:0; z-index: 3;}
.m_news .row{ position: relative; z-index: 4;  } 
.m_news .tit{ text-align: right; }
.news_focus{ display: block; overflow: hidden; position: relative; margin-top: 28px; }
.news_focus .img{ width: 340px; height: 244px; float: left; overflow: hidden; border-radius: 0 20px 0 20px; }
.news_focus .img img{ width: 100%; height: 100%; transition: all .3s; }
.news_focus .txt{ width: 400px; float: left; margin-left: 24px; }
.news_focus .txt b{ transition: all .3s; margin-top: 34px; display: block; font-size: 18px; color: #282828; font-weight: normal; font-family: 'webfont'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_focus .txt p{ display: block; margin:40px 0; font-size: 16px; color: #282828; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_focus .txt small{ font-size: 16px; color: #282828; }
.news_focus:hover b{ color: #154389; transition: all .3s; }
.news_focus::before{ content: ""; display: inline-block; width: 130px; height: 6px; background: #154389; border:0; position: absolute; left:285px; top:72px; transition: all .3s; }
.news_focus:hover::before{  transition: all .3s; left:365px; }
/*news_third*/
.news_third{ overflow: hidden; padding:30px 0; position: relative;  }
.news_third::after{ content: ""; display: inline-block; width: 30%; height: 100%; background: #fbfbfb; border-radius: 0 300px 300px 0 ; position: absolute; left: 0; top:30px; z-index: 3;}
.news_third .row{ position: relative; z-index: 4;  } 
.news_tab{ width: 100%; overflow: hidden;  }
.news_tab .hd{ height:54px; line-height:54px; text-align: center; }
.news_tab .hd ul{ width: 100%; text-align: center; }
.news_tab .hd ul li{ font-size: 18px; color: #ffffff; line-height: 1; display: inline-block; padding:20px 58px; background: #353840; border-radius: 0 20px 0 20px; transition: all .3s; }
.news_tab .hd ul li + li{ margin-left: 18px; }
.news_tab .hd ul li:hover, .news_tab .hd ul li.on{ transition: all .3s; background: #154389; }
.news_tab .bd{ padding:32px 0; overflow: hidden; }
.news_tab .bd ul{ overflow: hidden; }
.news_tab .bd li a{ display: block; width: 100%; padding:27px 0;  }
.news_tab .bd li a b{ transition: all .3s; line-height: 1;  font-size: 18px; color: #373737; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }
.news_tab .bd li a p{ transition: all .3s; line-height: 1; margin:18px 0; font-size: 18px; color: #7a7979; line-height: 32px; }
.news_tab .bd li a span{ font-size: 14px; color: #333232; }
.news_tab .bd li a:hover b, .news_tab .bd li a:hover span{ transition: all .3s; color: #154389; }
/*m_link*/
.m_link{ margin:15px 0 100px; background: -webkit-linear-gradient(left, #fff 50%, #154389 50%); background: -o-linear-gradient(right, #fff 74%, #154389 50%); background: -moz-linear-gradient(right, #fff 50%, #154389 50%); background: linear-gradient(to right, #fff 50%, #154389 50%);  }
.m_link .hd{ width: 100%; }
.m_link .tit{ display: inline-block; float: left; }
.m_link .tit span{ display: block; box-sizing: border-box; position: relative; padding:16px 0 0 42px; }
.m_link .tit span small{ line-height: 1; position: relative; z-index: 3; font-size: 36px; color: #154389; text-transform: uppercase; font-family: webfont; }
.m_link .tit span::before{ z-index: 2; content: ""; display: inline-block; width: 78px; height: 78px; background: #d0d9e7; border-radius: 50%; position: absolute; left: 0; top:0; }
.m_link .tit b{ clear: both; display: inline-block; font-size: 24px; color: #000000; font-family: webfont; font-weight: normal; position: relative; z-index: 3; line-height: 1; margin:4px 0 0 42px; }
.m_link .tit b::after{ content: ""; display: inline-block; width: 70px; height: 1px; background: #154389; border:0; position: absolute; right:-78px; top:50%; }
.m_link .link{ float: right; height: 100%; box-sizing: border-box; width: 70%; padding:0 20px; background: #154389; border-radius: 10px; }
.m_link a{ float: left; font-size: 18px; padding:0 12px; color: #ffffff; line-height: 82px;transition: all .3s; }
.m_link em{ float: left; margin-top: 30px; color: #fff; }
.m_link a:hover{ color: #de9335; transition: all .3s; }
/*footer*/
.footer{ overflow: hidden; background: url(../images/footer_bg.jpg) no-repeat top center; padding:70px 0 0; }
.f_contact{ overflow: hidden; }
.f_contact b{ display: block; font-weight: normal; font-size: 18px; color: #ffffff; position: relative; line-height: 1; position: relative; }
.f_contact b::after{ content: ""; display: inline-block; width: 40px; height: 3px; background: #fff; border:0; position: absolute; left: 84px; top:6px; }
.f_contact span{ text-transform: uppercase; display: block; font-size: 30px; color: #ffffff; font-weight: bold; line-height: 1; margin:16px 0 32px; }
.f_contact ul{ overflow: hidden; }
.f_contact li{ padding:12px 0; overflow: hidden; display: block; }
.f_contact li span{ line-height: 1; display: inline-block; font-weight: normal; float: left; font-size: 36px; color: #fff; margin:0 14px 0 0; }
.f_contact li small{ font-size: 20px; color: #ffffff; float: left; }
#f_msg{ overflow: hidden; }
#f_msg li{ overflow: hidden; margin-bottom: 22px; }
#f_msg textarea{ box-sizing: border-box; padding:18px 10px; border-radius: 10px; height: 160px; width: 100%; border:1px solid #ffffff; background: none; font-size: 18px; color: rgba(255,255,255,.4); }
#f_msg li input{ box-sizing: border-box; padding:0 10px; border-radius: 10px; border:1px solid #ffffff; background: none; font-size: 18px; color: rgba(255,255,255,.4); }
#f_msg li input:nth-child(1){ width: 340px; height: 52px; margin-right: 28px; float: left; }
#f_msg li input:nth-child(2){ width: 162px; height: 52px; float: left; }
#f_msg li img{ width: 126px; height: 54px; border-radius: 10px; float: left; margin-left: 14px; }
#f_msg li .fsubmit{ float: left; border-radius: 10px; width: 300px; height: 54px; background: #de9335; display: inline-block; text-align: center; line-height: 54px; font-size: 24px; color: #fff; box-shadow: 0 0 10px rgba(142,168,207,.6); }
.f_copy{ height: 56px; text-align: center; line-height: 56px; border-top:1px solid #8ca6cd; }
.f_copy p, .f_copy a{ font-size: 16px; color: #ffffff; }
/*s_banner*/
.s_banner{ text-align: center; padding:166px 0 0; height: 510px; background: url(../images/company_bg.jpg) no-repeat top center; }
.s_banner .info{ width: 100%; overflow: hidden; }
.s_banner b{ display: block; position: relative; font-family: "Microsoft YaHei"; font-size: 30px; color: #fff; line-height: 1; padding-bottom: 42px; letter-spacing: 1px; }
.s_banner b::after{ content: ""; display: inline-block; width: 40px; height: 4px; background: #fff; border:0; position: absolute; left: 50%; margin-left: -20px; bottom:20px; }
.s_banner p{ font-size: 16px; color: #ffffff; line-height: 30px; width: 64%; margin:0 auto; }
.s_banner .type{ width: 100%; overflow: hidden; margin-top: 100px; text-align: center; }
.s_banner .type a{ display: inline-block; padding:12px 20px; background: #154389; font-size: 14px; color: #ffffff; transition: all .3s; border-radius: 30px; }
.s_banner .type a + a{ margin-left: 40px; }
.s_banner .type a:hover{ background: #c62f29; transition: all .3s; }


.product_banner .s_banner{ background: url(../images/product_banner.jpg) no-repeat top center; }
.main{ overflow: hidden; padding:20px 0; }
.main .article{ width: 100%; }
.main .article p{ font-size: 18px; line-height: 36px; }
.main .article strong{ margin:20px 0; display: block; text-align: center; width: 100%; font-size: 40px; color: rgba(21,67,137,.1); text-transform: uppercase; position: relative; line-height: 1; }
.main .article strong em{ font-weight: bold; font-size: 25px; color: #154389; font-style: normal; position: absolute; left: 50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.g_img{ width: 100%; height: 426px; overflow: hidden; background: #154389; }
.g_img img{ width: 100%; height: 100%; object-fit: contain; }
.g_info{ overflow: hidden; }
.g_info b{ font-size: 27px; font-weight: normal; line-height: 64px; color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_info p:nth-of-type(1){ font-size: 13px; color: #154389; line-height: 36px; }
.g_info p:nth-of-type(2){ font-size: 12px; color: #333333; line-height: 24px; margin:12px 0; }
.g_info a{ display: inline-block; padding:10px 24px; background: #154389; border-radius: 30px; margin-top: 20px; }
.g_info a span{ font-size: 20px; color: #fff; margin-right: 12px; }
.g_info a small{ font-size: 13px; color: #ffffff; line-height: 1; position: relative; top:-3px; }
.g_info .tel{ overflow: hidden; margin-top: 18px; }
.g_info .tel span{ text-align: center; line-height: 36px; display: inline-block; width: 36px; height: 36px; background: #154389; border-radius: 50%; font-size: 16px; color: #fff; margin-right: 10px; }
.g_info .tel small{ font-size: 24px; color: #154389; line-height: 36px; font-weight: bold; position: relative; top:3px; }
.g_info .small{ overflow: hidden; clear: both; }
.g_info .small > small{ transition: all .3s; display: inline-block; padding:7px 20px; background: #eaeaea; font-size: 12px; color: #154389; float: left; margin:8px 12px; }
.g_info .small > small:hover{ background: #154389; color: #fff; transition: all .3s; }
.g_tit{ width: 100%; overflow: hidden; margin:20px 0; background: #eaeaea; height: 45px; line-height: 45px; }
.g_tit a{ display: inline-block; height: 100%; padding:0 30px; font-size: 16px; color: #333333; }
.g_tit a:hover{ background: #154389; color: #fff; }
.g_xgcp{ overflow: hidden; width: 100%; }
.g_xgcp a{ position: relative; display: block; width: 100%; overflow: hidden; height: 215px; overflow: hidden; background: #eaeaea; }
.g_xgcp a img{ width: 100%; height: 100%; transition: all .3s; }
.g_xgcp a .txt{ width: 100%; position: absolute; text-align: center; bottom: -50px; background: #154389; box-sizing: border-box; padding:14px 15px; transition: all .4s; }
.g_xgcp a .txt b{ display: block; line-height: 1; font-size: 16px; color: #fff; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_xgcp a .txt small{ display: inline-block; padding:8px 24px; border:1px solid #ffffff; border-radius: 30px; line-height: 1; font-size: 14px; color: #ffffff; margin-top: 20px; }
.g_xgcp a:hover .txt{ transition: all .4s; bottom: 0; }
iframe{ width: 100%; height: 600px; }







/*location*/
.location{ overflow: hidden; padding:24px 0; }
.location .catname{ overflow: hidden; font-size: 30px; color: #1b1b1b; font-weight: bold; line-height: 1; }
.location p{ text-align: right; line-height: 30px; }
.location p, .location p a{ font-size: 14px; color: #363636; transition: all .3s; }
.location p a:hover{ font-weight: bold; transition: all .3s; }
/*product_list*/
.product_list{ overflow: hidden; width: 100%; }
.product_list a{ display: block; overflow: hidden; }
.product_list a .img{ width: 100%; height: 300px; overflow: hidden; position: relative; background: #154389; }
.product_list a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.product_list a .img div{ position: absolute; left:-120px; top:-50px; font-size: 14px; color: #ffffff; display: inline-block; background: #c62f29; box-sizing: border-box; padding:12px 16px; overflow: hidden; }
.product_list a .img div span{ font-size: 16px; color: #fff; line-height: 1; margin-right: 10px; }
.product_list a:hover .img div{ left: 0; top:0; transition: all .4s; }
.product_list a:hover .img img{ transition: all .3s; transform: scale(1.05); }
.product_list a .txt{ overflow: hidden; padding-top: 18px; margin-bottom: 30px; }
.product_list a .txt b{ transition: all .4s; font-weight: normal; font-family: 'webfont'; display: block; width: 67%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #1b1b1b; float: left; }
.product_list a .txt small{ transition: all .4s; display: inline-block; float: right; padding:8px 30px; border:1px solid #979797; font-size: 14px; color: #979797; line-height: 1; border-radius: 20px; }
.product_list a .txt div{ clear: both; padding-top: 18px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: 'webfont'; font-size: 14px; line-height: 24px; color: #1b1b1b; }
.product_list a .txt div p{ font-family: 'webfont'; font-size: 14px; line-height: 24px; color: #1b1b1b;}
.product_list a:hover b{ color: #c62f29; transition: all .4s; }
.product_list a:hover small{ transition: all .4s; border-color: #c62f29; background: #c62f29; color: #fff; }
/*news_list*/
.news_list{ width: 100%; text-align: center; }
.news_list li a{ display: block; width: 100%; padding:27px 0; text-align: left; }
.news_list li a b{ transition: all .3s; line-height: 1;  font-size: 18px; color: #373737; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }
.news_list li a p{ transition: all .3s; line-height: 1; margin:18px 0; font-size: 18px; color: #7a7979; line-height: 32px; }
.news_list li a span{ font-size: 14px; color: #333232; }
.news_list li a:hover b, .news_tab .bd li a:hover span{ transition: all .3s; color: #154389; }

/*contact*/
.de-contact{ display: block; width: 100%; }
.contact-list li{ font-size: 18px; line-height: 36px; }
#dituContent{ border-radius: 5px; display: block; margin:30px 0; width: 100%; height: 466px; }

.de-message{overflow: hidden; padding: 0 5px; width: 100%; text-align: center; }
.de-message .tips{font-size: 13px; line-height: 2; color: #737373;}
.de-message .mes-form{overflow: hidden;}
.de-message .mes-form .form-tr{overflow: hidden;}
.de-message .mes-form .form-tr input{ margin:0 auto; display: block; width: 658px; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #e6e6e6;}
.de-message .mes-form .form-tr textarea{ margin:0 auto;display: block; width: 658px; padding: 5px 10px; height: 168px; border: 1px solid #e6e6e6;}
.de-message .mes-form .form-tr .code{overflow: hidden; text-align: center; }
.de-message .mes-form .form-tr .code input{width: 188px; display: inline-block; }
.de-message .mes-form .form-tr .code .verify{ position: relative; top:-5px; display: inline-block; cursor: pointer; margin-left: 25px; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0;}
.de-message .mes-form .form-tr .code .verify img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.de-message .mes-form .form-tr .submitm{margin-top: 15px; display: inline-block; width: 190px; height: 40px; text-align: center; line-height: 40px; background: #1d509f; color: #fff; font-size: 15px;}
.de-message .mes-form .form-tr .submitm:hover{background: #237ed2;}
.de-message .mes-form .form-tr .error{height: 18px; line-height: 18px; font-size: 12px; color: #f00; padding: 0 5px;}
/*down*/
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}
.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li + li{ border-left: solid 1px #ffffff; }
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#1d509f;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#1d509f;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
@media only screen and (max-width: 1900px){
	.search_keys{ padding-left: 24%; }
}
@media only screen and (max-width: 1760px){
	.h_top{ padding:30px 30px; }
	.h_top .tel small{ font-size: 20px; line-height: 45px; }
	.h_top .tel span{ width: 45px; height: 45px; font-size: 20px; line-height: 45px; }
	#mob_banner::after{ width: 190px; }
	#mob_banner .swiper-num{ left: 90px; }
	#mob_banner .swiper-button-next{ left:166px; }
	#mob_banner .swiper-button-prev{ left: 4px; }
	#mob_banner .swiper-pagination{ left: 30px; }
	.m_about::before{ display: none; }
	.m_about > img{ right: -120px; }
}
@media only screen and (max-width: 1600px){
	.h_top .tel small{ font-size: 18px; line-height: 36px; }
	.h_top .tel span{ width: 36px; height: 36px; font-size: 18px; line-height: 36px; }
	.m_about > img{ right: -200px; }
}
@media only screen and (max-width: 1400px){
	.h_top .tel{ padding:0; }
	#mob_banner::after{ bottom: 80px; height: 120px; }
	#mob_banner .swiper-num{ left: 90px; bottom: 140px; }
	#mob_banner .swiper-button-next{ left:166px; bottom: 100px; }
	#mob_banner .swiper-button-prev{ left: 4px; bottom: 100px; }
	#mob_banner .swiper-pagination{ left: 30px; bottom: 108px; }
	.m_about > img{ right: -300px; }
	.hot_pro .bd .swiper-button-next{ right: 15px; }
	.hot_pro .bd .swiper-button-prev{ left: 15px; }
	.search_keys{ padding-left: 0; }
	.m_super .tit img{ position: relative; right: 80px; }
	#mob_banner img{ width: 100%; }
}
@media only screen and (max-width: 1200px){
	.menu_btn{ display: block; margin-right: 15px; }
	.menu_btn span{ font-size: 32px; color: #fff; }
	.collapse:not(.show){ display: none; }
	.plugin-fixed-call{ display: none; }
	.down{ display: block; }
	.h_top .logo{ width: 50%; }
	.h_top .tel{ display: none; }
	.h_top{ overflow:visible;background: rgba(0, 0, 0, .8); justify-content: space-between; z-index: 9999; padding:15px; }
	.h_top .nav{ flex-flow: column; position:absolute; width: 100%; top:100%; left: 0; background: rgba(0, 0, 0, .8); z-index: 9999; }
	.h_top .nav a{ display: block; width: 100%; }
	.no_index .h_top{ position: relative; }
	#mob_banner::after{ z-index: 33; }
	.inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
	.m_super::before{ z-index: 35; }
	.m_case{ padding-bottom: 20px; }
	#mcase{ width: 100%; }
	.m_case .bd .list{ width: 100%; display: block; margin-right: 0; }
	.m_case .bd .list li{ width: 30%; float: left;  }
	.m_case .bd .list > a{ display: none; }
	.m_msg li input, .m_msg li .submit{ width: 80%; }
	.m_contact b{ font-size: 32px; }
	.m_contact a{ margin-right: 0; padding:12px 36px; }
	#f_msg li input:nth-child(1){ width: 225px; }
	#f_msg li input:nth-child(2){ width: 132px; }
	#f_msg li .fsubmit{ width: 260px; }
	.m_about > img{ right: -380px; }
	.f_contact li small{ font-size: 18px; }
	.f_contact li span{ font-size: 28px; }
	.article img{ max-width: 100%; }
	.footer{ padding:70px 0 58px; }
	.m_super .tit{ display: none; }
	img{ max-width: 100% }
	.g_img img{ object-fit: cover; }
	.product_focus > .hd li{ padding:0 28px 26px; }
	.m_msg{ padding:0; }
	.s_banner .type a + a{ margin-left: 20px; }
}
@media only screen and (max-width: 992px){
	#mob_banner .swiper-num{ display: none; }
	#mob_banner::after{ height: 70px; bottom: 60px; }
	#mob_banner .swiper-button-next{ bottom: 80px; }
	#mob_banner .swiper-button-prev{ bottom: 80px; }
	#mob_banner .swiper-pagination{ bottom: 88px; }
	.search_from form{ width: 100%; }
	.search_keys{ display: none; }
	.search_from{ height: 60px; }
	.m_pro, .m_super, .m_msg, .m_about, .m_news{ padding:30px 0; }
	.type_goods .img{ width: 40%; }
	.type_goods .info{ width: 60%; padding:30px; }
	.product_focus > .hd li{ padding:0 24px 26px; }
	.m_pro::after{ bottom: 35px; }
	.type_goods .info .hd{ margin-bottom: 20px; }
	.type_goods .info .hd b{ font-size: 24px;  }
	.hot_pro .hd .tab{ padding:10px 0; }
	.m_super .tit{ display: none; }
	.m_adv{ overflow: hidden; padding-bottom: 0; }
	.m_adv .bd{ background: #154389; margin-left: 0; }
	.m_adv .tit p{ margin:20px 0 20px 42px; }
	#adv{ margin:30px 0; width: 100%; }
	.m_case{ margin-top:20px; }
	#mcase{ height: 420px; }
	.m_case .bd .list{ flex-wrap: wrap; }
	.m_case .bd .list li{ width: 25%; }
	.m_msg li input, .m_msg li .submit{ width: 84%; }
	.m_contact{ display: none; }
	.m_about > img{ right: 0; }
	.m_about .info b{ margin:30px 0 20px; }
	.m_about .info a{ margin:20px 0 0; }
	.m_news .tit{ display: none; }
	.m_news::after{ width: 100%; }
	.news_focus{ margin-top: 0; }
	.news_focus .img{ width: 40%; }
	.news_focus .txt{ width: 56%; }
	.news_tab .bd ul li{ display: none; }
	.news_tab .bd ul li:nth-child(1),.news_tab .bd ul li:nth-child(2),.news_tab .bd ul li:nth-child(3),.news_tab .bd ul li:nth-child(4){ display: block; }
	.m_link{ margin:15px 0 30px; }
	.footer{ background-size: cover; }
	.news_third::after{ width: 100%; }
	.s_banner{ padding:100px 0 0; height: 360px; }
	.s_banner .type{ margin-top: 40px; }
	.s_banner .type a + a{ margin-left: 0; }
	.m_adv { background: none; }
	.m_adv .img{ display: none; }
	.m_about > img{ display: none; }
	.s_banner .type a{ margin-bottom: 12px; padding:6px 12px; }
}
@media only screen and (max-width: 769px){
	#mob_banner .swiper-slide img{ height: 360px; object-fit: cover; }
	.type_goods .img, .type_goods .info{ width: 50%; }
	.type_goods .info{ padding:20px; }
	.type_goods .info .hd span{ margin:12px 0; }
	.type_goods .info .hd a{ top:12px; right: 0; }
	.type_goods .swiper-slide{ height: 400px; }
	.type_goods .info .bd p{ font-size: 14px; }
	.product_focus > .hd{ margin-top: 30px; }
	.product_focus > .hd li{ padding:0 12px 26px; }
	.hot_pro .hd .tab{ width: 100%; }
	.hot_pro .tab li{ padding:0 20px; font-size: 14px; }
	.m_super li p{ width: 80%; font-size: 14px; }
	.m_super li{ padding:20px 0; }
	.m_msg li input, .m_msg li .submit{ width: 79%; }
	.g_banner{ padding:50px 0 0; height: 360px; }
	.g_banner .type{ margin-top: 40px; }
	.g_banner .type a{ margin-bottom: 10px; }
	iframe{ width: 100%; height: 240px; }
	.m_case .bd .li{ margin-right: 0; }
	.m_case .bd .list{ margin-right: 0; }
	.m_msg li:nth-child(2) img{ right: 15px; }
	.product_list a .img{ height: 220px; }
	.product_list a .txt small{ padding:4px 8px; }
}
@media only screen and (max-width: 640px){
	.h_top{ background: rgba(0, 0, 0, 1); }
	.h_top .logo{ width: 78%;  }
	.menu_btn{ margin-right: 0; }
	.menu_btn span{ font-size: 24px; }
	#mob_banner{ padding-top: 65px; overflow: visible; }
	#mob_banner::after{ background: none; }
	#mob_banner .swiper-slide img{ height: 220px; }
	.type_goods .img{ width: 100%; }
	.type_goods .info{ display: none; }
	.type_goods .img span::before{ width: 40px; height: 40px; }
	.type_goods .img span small{ font-size: 24px; }
	.type_goods .img span{ padding:15px 0 0 20px; }
	.type_goods .img b{ font-size: 22px; margin:4px 0 0 20px; }
	.type_goods .swiper-slide{ height: 360px; }
	.type_goods .swiper-button-next{ right: 0; bottom: 0; }
	.type_goods .swiper-button-prev{ right: 46px; bottom: 0; }
	.m_pro::after{ display: none; }
	.product_focus > .hd li{ margin-bottom: 12px; }
	.hot_pro .tab li{ margin:0 15px; padding:0 15px; }
	.hot_pro .tab li + li::before{ display: none; }
	.m_super li{ width: 100%; }
	.m_super .inner{ padding:0; }
	.m_super li:nth-child(2n+0){ border-left: 0; padding-left: 0; }
	.m_super::before{ display: none; }
	.m_adv .tit span::before{ width: 40px; height: 40px; }
	.m_adv .tit span small{ font-size: 24px; }
	.m_adv .tit span{ padding:15px 0 0 20px; }
	.m_adv .tit b{ font-size: 22px; margin:4px 0 0 20px; }
	.m_adv .tit p{ margin:10px 0 10px 20px; font-size: 14px; letter-spacing: 0; }
	#adv .swiper-num, #adv .swiper-pagination{ display: none; }
	.m_case .tit span::before{ width: 40px; height: 40px; }
	.m_case .tit span small{ font-size: 24px; }
	.m_case .tit span{ padding:15px 20px 0 0;  }
	.m_case .tit b{ font-size: 22px;  margin:4px 20px 0 0; }
	.m_case .tit p{ margin:10px 20px 10px 0; font-size: 14px; letter-spacing: 0; }
	.m_case .hd{ margin-bottom: 20px; }
	#mcase{ height: 200px; }
	.m_case .bd .list li{ width: 50%; }
	.m_msg li{ width: 100%; }
	.m_msg li input, .m_msg li .submit{ width: 80%; }
	.m_about .tit span::before{ width: 40px; height: 40px; }
	.m_about .tit span small{ font-size: 24px; }
	.m_about .tit span{ padding:15px 0 0 20px; }
	.m_about .tit b{ font-size: 22px; margin:4px 0 0 20px; }
	.m_about .info{ padding-left: 0; }
	.m_about .info b{ font-size: 22px; }
	.news_focus .img, .news_focus .txt{ width: 100%; }
	.news_tab .hd ul li{ padding:14px 15px; }
	.m_link{ background: #fff; }
	.m_link .link{ width: 100%;  margin:20px 0; height: auto; }
	.m_link a{ line-height: 46px; }
	.m_link em{ margin-top: 13px; }
	.m_link .tit span::before{ width: 40px; height: 40px; }
	.m_link .tit span small{ font-size: 24px; }
	.m_link .tit span{ padding:15px 0 0 20px; }
	.m_link .tit b{ font-size: 22px; margin:4px 0 0 20px; }
	.f_contact li small{ font-size: 14px; }
	.f_contact li{ padding:5px 0; }
	#f_msg li input:nth-child(1){ width: 100%; margin-bottom: 20px; }
	.s_banner{ padding:40px 0 0; height: 250px; }
	.g_banner{ padding:50px 0 0; height: 360px; }
	.s_banner p{ width: 100%; }
	.location{ text-align: center; }
	.location .catname{ font-size: 20px; text-align: center; display: block; margin-bottom: 4px; }
	.location p{ text-align: center; }
	.mian .article p{ font-size: 14px; line-height: 24px; }
	.de-message .mes-form .form-tr input{ width: 100%; }
	.de-message .mes-form .form-tr textarea{ width: 100%; }
	.de-message .mes-form .form-tr .code input{ width: 168px; }
	.de-honor-list ul li .img{ height: 160px; }
	.m_case .bd .list > a{ width: 100%; text-align: center; display: block;padding-top: 0; }
	.m_case .bd .list > a::before{ display: none;  }
	.product_focus > .hd li{ width: 48%; }
	.g_img{ height: 236px; }
	.product_list a .txt small{ display: none; }
	.product_list a .txt b{ width: 100%; }
	.product_list a .img{ height: 140px; }
	.de-page-mian .page-inner span, .de-page-mian .page-inner input{ display: none; }
}